<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>#{empty pageTitle ? 'Page Title' : pageTitle} - Hotel 2 JSF</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="" />
	<meta name="author" content="" />

	<!-- Le styles -->
	<h:outputStylesheet name="css/bootstrap.min.css" />
	<h:outputStylesheet name="css/DT_bootstrap.css" />
	<!-- JQuery DataTable plugin -->

	<style type="text/css">
		body {
			padding-top: 60px;
			padding-bottom: 40px;
		}
		
		.sidebar-nav {
			padding: 9px 0;
		}
		.ui-growl {
width: 500px !important;
height: 300px;
	margin-top: 30px;
}
 
.ui-growl-message {
		
        width:400px !important;
        height: 200px;
}
	</style>

	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

	<!-- Le fav and touch icons
    <link rel="shortcut icon" href="../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
	-->

</h:head>
<h:body>
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="#">Hotel 2 UPS</a>
				
			</div>
		</div>
	</div>
	<br/>
	<div class="container">	
		<h1>
			<ui:insert name="titulo" />
		</h1>
		<h:form>
			<h:commandLink value="Inicio" action="index" />
		</h:form>		
		<ui:insert name="contenido" >
			Contenido de pagina deberia ser insertado aqui
        </ui:insert>		
		<hr />
		<footer>
			<p>&copy; appdist</p>
		</footer>
	</div>
	<!--/.fluid-container-->

	<!-- Le javascript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<h:outputScript name="js/jquery-1.7.2.min.js" />
	<h:outputScript name="js/bootstrap.min.js" />
	<h:outputScript name="js/jquery.dataTables.min.js" />
	<!-- JQuery DataTable plugin -->
	<h:outputScript name="js/DT_bootstrap.js" />
	<!-- JQuery DataTable plugin -->

</h:body>
</html>